@charset "utf-8";
article {
    /**这是第一步的scss代码***/
    .binding_email {
        display: block;
        width: 664px;
        height: 353px;
        float: left;
        margin-left: 79px;
        margin-top: 37px;
        p {
            font-size: 20px;
        }
        .content {
            width: 664px;
            height: 302px;
            float: left;
            margin-top: 32px;
            background: #f7f7f7;
            .schedule {
                width: 619px;
                height: 20px;
                margin: 41px 0 0 22px;
                border-radius: 30px;
                background: #f0f0f0;
                .binding {
                    width: 204px;
                    height: 20px;
                    float: left;
                    background: #eb413d;
                    border-radius: 50px;
                    .dot {
                        width: 8px;
                        height: 8px;
                        border-radius: 50%;
                        float: left;
                        margin: 6px 0 0 9px;
                        background: #ffffff;
                    }
                    p {
                        color: #fff;
                    }
                }
                p {
                    font-size: 14px;
                    float: left;
                    color: #878787;
                }
                p:nth-child(2) {
                    margin-left: 55px;
                }
                p:nth-child(3) {
                    margin-left: 134px;
                }
            }
            .email_form {
                width: 383px;
                height: 203px;
                margin: 38px 0 0 138px;
                p {
                    font-size: 13px;
                }
                form {
                    width: 369px;
                    height: 171px;
                    .email_text {
                        width: 369px;
                        height: 54px;
                        border: 1px solid #e7e7e7;
                        border-radius: 5px;
                        margin-top: 18px;
                        padding-left: 15px;
                        padding-right: 170px;
                        box-sizing: border-box;
                        
                    }
                    p {
                        color: #eb413d;
                        font-size: 13px;
                        position: relative;
                        bottom: 35px;
                        left: 221px;
                    }
                    .btn {
                        color: #FFFFFF;
                        margin-left: 107px;
                        margin-top: 13px;
                    }
                }
            }
        }
    }
    /**这是第二步的css代码***/
    .verify_email {
        display: none;
        width: 664px;
        height: 353px;
        float: left;
        margin-left: 79px;
        margin-top: 37px;
        p {
            font-size: 20px;
        }
        .content {
            width: 664px;
            height: 302px;
            float: left;
            margin-top: 32px;
            background: #f7f7f7;
            .schedule {
                width: 619px;
                height: 20px;
                margin: 41px 0 0 22px;
                border-radius: 30px;
                background: #f0f0f0;
                p {
                    font-size: 14px;
                    float: left;
                    margin-left: 42px;
                }
            }
            .verify {
                width: 432px;
                height: 20px;
                float: left;
                background: #eb413d;
                border-radius: 50px;
                p {
                    float: left;
                    font-size: 14px;
                    color: #fff;
                    &:nth-child(2) {
                        margin-left: 67px;
                    }
                    &:nth-child(3) {
                        margin-left: 134px;
                    }
                }
            }
            .dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                float: left;
                margin: 6px 0 0 9px;
                background: #ffffff;
            }
            .send_email {
                width: 360px;
                height: 174px;
                margin: 38px 0 0 158px;
                .top_font {
                    font-size: 20px;
                    margin-left: 111px;
                    margin-bottom: 11px;
                }
                span {
                    font-size: 16px;
                    margin-left: 84px;
                }
                .nextBtn {
                    margin: 24px 0 0 84px;
                    color: #FFFFFF;
                }
                .bottom_font {
                    font-size: 13px;
                    color: #878787;
                    margin: 23px 0 0 13px;
                    a {
                        color: #eb413d;
                        display: inline-block;
                        margin-left: 4px;
                    }
                }
                .underline {
                    width: 104px;
                    height: 1px;
                    background: #eb413d;
                    float: left;
                    margin: 2px 0 0 237px;
                }
            }
        }
    }
    /**这是第三步的scss代码**/
    .binding_succeed {
        display: none;
        width: 664px;
        height: 353px;
        float: left;
        margin-left: 79px;
        margin-top: 37px;
        p {
            font-size: 20px;
        }
        .content {
            width: 664px;
            height: 302px;
            float: left;
            margin-top: 32px;
            background: #f7f7f7;
            .schedule {
                width: 619px;
                height: 20px;
                margin: 41px 0 0 22px;
                border-radius: 30px;
                background: #f0f0f0;
                p {
                    font-size: 14px;
                    float: left;
                    margin-left: 42px;
                }
            }
            .verify {
                width: 619px;
                height: 20px;
                float: left;
                background: #eb413d;
                border-radius: 50px;
                p {
                    float: left;
                    font-size: 14px;
                    color: #fff;
                    &:nth-child(2) {
                        margin-left: 49px;
                    }
                    &:nth-child(3),
                    &:nth-child(4) {
                        margin-left: 134px;
                    }
                }
            }
            .dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                float: left;
                margin: 6px 0 0 9px;
                background: #ffffff;
            }
            .succeed {
                width: 228px;
                height: 130px;
                float: left;
                margin: 53px 0 0 226px;
                p {
                    font-size: 26px;
                    margin: 8px 0 0 57px;
                }
                .nextBtn {
                    margin: 36px 0 0 16px; 
                    color: #FFFFFF;
                }
            }
        }
    }
}
